/**
 *
 * Tabs design
 * 
 * @author Ad5001
 * @version 1.0.0
 * @license NTOSL (Custom) - View LICENSE.md in the root of the project
 * @copyright (C) Ad5001 2017
 * @package PocketMine Server Manager
 *
 */

data-tab:not(.active) {
    display: none !important;
}

.mdc-tab * {
    cursor: pointer;
}

.mdc-tab-bar {
    background-color: white;
    color: var(--mdc-theme-text-primary-on-primary);
    position: fixed !important;
    z-index: 2000;
    animation-name: enterTab;
    animation-duration: 0.35s;
    animation-timing-function: ease-out;
    bottom: 0px;
    transition: top 0.35s ease-in;
    left: -10px;
    width: calc(100% + 10px);
    box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
}

data-tab {
    width: 100%;
    height: calc(100% - 72px);
    top: 0px;
    position: absolute;
}